<!--
 * @Author: your name
 * @Date: 2021-03-25 09:07:37
 * @LastEditTime: 2021-03-25 10:21:49
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \tiny-heart-master\birthday-mobile\Memories.html
-->
<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width,initial-scale=0.5, minimum-scale=0.5, maximum-scale=0.5, user-scalable=no"
    />
    <title>Happy Birthday</title>
    <link rel="stylesheet" href="css/jquery.fullPage.css" />
    <link rel="stylesheet" href="css/memories.css" />
  </head>

  <body>
    <!-- 背景音乐 -->
    <div style="display: none">
      <!-- 网易云外链 -->
      <iframe
        frameborder="no"
        border="0"
        marginwidth="0"
        marginheight="0"
        width="330"
        height="86"
        src="https://music.163.com/outchain/player?type=2&id=480353&auto=1&height=66"
      ></iframe>
    </div>
    <div class="bgcolor">
      <div style="z-index: 100" id="dowebok">
        <!--第一屏-->
        <div class="section">
          <div class="ly-box01">
            <div class="ly-txt01">
         
              <p class="ly-stxt02">相遇即是缘，相识时间虽短，</p>
              <p class="ly-stxt03">但生日礼物还是不能少的嘛。</p>
              <p class="ly-stxt04">在你生日到来之际，愿你收获一份甘甜，</p>
              <p class="ly-stxt05">一份喜悦；一份天真，一份可爱；</p>
            </div>
            <div class="ly-txt02">
              <p class="ly-stxt06">一份虔诚，一份欢快；一份光荣，一份喜爱；</p>
              <p class="ly-stxt07">一份希望，一份钟爱，一份幸福，</p>
              <p class="ly-stxt08">一份仁爱。生日快乐，笑口常开。</p>
   
            </div>
          </div>
        </div>

        <!--第二屏-->

        <div class="section">
          <div class="timeline"></div>
          <div class="timepoint11"></div>
          <div class="ly-box11">
            <div class="ly-txt12"></div>
            <div style="height: 100%;" class="ly-imgbox11">
              <img style="height: 100%;" class="ly-img11" src="img/01.jpg" />
            </div>
          </div>
          <div class="ly-triangle11"></div>

          <div class="ly-box12">
            <div class="ly-txt14">
              <p>有一种快乐飘飘洒洒，有一种生活平平淡淡，</p>
              <p>有一种美丽温温柔柔，有一种幸福安安静静，</p>
              <p>有一种拥有实实在在，有一种友情长长久久，</p>
              <p>有一个我祝你生日快乐。</p>
            </div>
            
          </div>
          <div class="ly-triangle12"></div>
        </div>

        <!--第三屏-->

        <div class="section">
          <div class="timeline"></div>
          <div class="timepoint21"></div>
          <div class="ly-box21">
            <div class="ly-txt22">
              <p>初恋的感觉酸酸甜甜，</p>
              <p>暗恋的感觉遮遮掩掩，</p>
              <p>单恋的感觉孤孤单单，</p>
              <p>热恋的感觉轰轰烈烈，</p>
              <p>失恋的感觉凄凄惨惨，</p>
              <p> 不恋的感觉坦坦然然，</p>
              <p>
                恋与不恋都应该圆圆满满！生日快乐呦！
              </p>
            </div>
            <div class="ly-imgbox21">
              <img style="height:80%" class="ly-img21" src="img/02.jpg" />
            </div>
          </div>
          <div class="ly-triangle21"></div>

          <div class="ly-box22">
            <div class="ly-txt24">
              <p>在你生日这一天，不能在你身边，对不起！只</p>
              <p>能给你我最温暖的祝福，里面有我对着大海许下的愿。</p>
              <p>最美丽的日子，最可爱的你，最完美的礼物，</p>
              <p>最快乐的相遇，最精彩的做自己，最幸福的全给你，最好是你的心事都如意。</p>
            </div>
            <div class="ly-imgbox22">
              <img  style="height:60%"  class="ly-img22" src="img/03.jpg" />
            </div>
          </div>
          <div class="ly-triangle22"></div>

          <div class="ly-box23">
            <div class="ly-txt26">
       
          
            </div>
            <div style="height:100%" class="ly-imgbox23">
              <img  style="height:100%"  class="ly-img23" src="img/04.jpg" />
            </div>
          </div>
          <div class="ly-triangle23"></div>
        </div>

        <!--第四屏-->

        <div class="section">
          <div class="timeline"></div>
          <div class="timepoint31"></div>
          <div class="ly-box31">
            <div class="ly-txt32">
           
            </div>
            <div style="height: 100%;" class="ly-imgbox31">
              <img style="height: 100%;" class="ly-img31" src="img/05.jpg" />
            </div>
          </div>
          <div class="ly-triangle31"></div>
          <div class="ly-box32">
            <div class="ly-txt34">
              <p>用时间的链串上健康的珠戴在手腕，你就会把幸福抓在手里面。</p>
              <p>用平安的诗谱写生活的歌，你就会让快乐长在心里头。祝你生日快乐，梦想成真!</p>
              <p>天涯海角，总有一份思念属于你。四面八方，总有一丝牵挂缠绕你。</p>
              <p>
                不管你身在何方，我都送上最美的祝福。任时光流逝，任岁月蹉跎。
              </p>
            </div>
        
          </div>
          <div class="ly-triangle32"></div>
        </div>

    
    
      </div>
      <!--动态方块-->
      <ul class="bg-bubbles">
        <li>
          <img src="./img/timg.gif" style="width: 100%; height: 100%" />
        </li>
        <li>
          <img src="./img/timg.gif" style="width: 100%; height: 100%" />
        </li>
        <li>
          <img src="./img/timg.gif" style="width: 100%; height: 100%" />
        </li>
        <li>
          <img src="./img/timg.gif" style="width: 100%; height: 100%" />
        </li>
        <li>
          <img src="./img/timg.gif" style="width: 100%; height: 100%" />
        </li>
        <li>
          <img src="./img/timg.gif" style="width: 100%; height: 100%" />
        </li>
        <li>
          <img src="./img/timg.gif" style="width: 100%; height: 100%" />
        </li>
        <li>
          <img src="./img/timg.gif" style="width: 100%; height: 100%" />
        </li>
        <li>
          <img src="./img/timg.gif" style="width: 100%; height: 100%" />
        </li>
        <li>
          <img src="./img/timg.gif" style="width: 100%; height: 100%" />
        </li>
      </ul>
    </div>
    <!-- <audio muted src="music/1.mp3" autoplay="autoplay" loop="loop"></audio> -->
    <audio src="music/3.mp3" autoplay="autoplay" loop="loop"></audio>
    <script src="js/jquery-2.1.1.min.js"></script>
    <script src="js/jquery.fullPage.min.js"></script>
    <!-- <script src="js/auto-play.js"></script> -->
    <script src="js/memories.js"></script>
  </body>
</html>
